import React from 'react';
import { cn } from '@/lib/utils';

interface ActivityItemProps {
  title: string;
  user: string;
  time: string;
  className?: string;
}

export function ActivityItem({ 
  title, 
  user, 
  time,
  className 
}: ActivityItemProps) {
  return (
    <div 
      className={cn(
        "pl-6 py-4 relative border-b last:border-0 hover:bg-secondary/20 transition-colors",
        className
      )}
    >
      {/* 左侧时间线 */}
      <div className="absolute left-0 top-0 h-full w-px bg-border">
        <div className="absolute top-6 left-0 w-2 h-2 rounded-full bg-primary -translate-x-1/2"></div>
      </div>
      
      <h4 className="font-medium text-foreground">
        {title}
      </h4>
      <div className="flex items-center text-sm text-muted-foreground mt-1">
        <span>{user}</span>
        <span className="mx-1">•</span>
        <span>{time}</span>
      </div>
    </div>
  );
}

export default ActivityItem; 